<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 顶部导航开始 -->
    <div id="a1">
        <div class="a1-a1">
            <img src="./img/logo.png" alt="博雅互动">
            <div class="a1-a2">
                <ul>
                    <li class="aaaaaaa">首页</li>
                    <li>博雅游戏</li>
                    <li>博雅新闻</li>
                    <li>关于我们</li>
                    <li>客服中心</li>
                    <li>投资者关系</li>
                </ul>
                <a href="#">加入我们</a>
            </div>
            
        </div>
    </div>
    <!-- 顶部导航结束 -->
   
    <!-- 轮播图开始 -->
    <!-- 轮播图部分 -->
    <div id="a2">
        <div class="banner">
            <div class="init" ></div>
            <div class="img1" ></div>
            <div class="img2" ></div>
            <div class="img3" ></div>
            <div class="img4" ></div>
        </div>
        <!-- 小圆点部分 -->
        <div class="a2-b a2-bb">
            <ul> 
               <li class="a2-b-1">1</li>
               <li class="a2-b-1">2</li>
               <li class="a2-b-1">3</li>
               <li class="a2-b-1">4</li>
               <li class="a2-b-2">5</li>
            </ul>
        </div>
    </div>
    <!-- 轮播图结束 -->

    <!-- 下面主题部分开始 -->
    <div id="a3">
        <!-- 四个轮播的小块开始 -->
        <div class="a3-a">
            <div class="a3-a-1 z1">
                <a href="#">
                    <img src="./img/bpt.jpg" alt="图片" title="这是图片">
                    <div class="a3-a-1-1">
                        <h5>博雅扑克大赛</h5>
                        <span>
                            PUKEDASAI
                            <!-- <img src="./img/sanjiaoxing.png" alt="三角" title="三角形"> -->
                        </span>
                    </div>
                </a>
            </div>
            <div class="a3-a-1 z2">
                <a href="#">
                    <img src="./img/pro4.jpg" alt="图片" title="这是图片">
                    <div class="a3-a-1-1">
                        <h5>博雅游戏</h5>
                        <span>
                            GAME
                            <!-- <img src="./img/sanjiaoxing.png" alt="三角" title="三角形"> -->
                        </span>
                    </div>
                </a>
            </div>
            <div class="a3-a-1 z3">
                <a href="#">
                    <img src="./img/pro3.jpg" alt="图片" title="这是图片">
                    <div class="a3-a-1-1">
                        <h5>博雅斗地主</h5>
                        <span>
                            DOUDIZHU
                            <!-- <img src="./img/sanjiaoxing.png" alt="三角" title="三角形"> -->
                        </span>
                    </div>
                </a>
            </div>
            <div class="a3-a-1 z5">
                <a href="#">
                    <img src="./img/009.jpg" alt="图片" title="这是图片">
                    <div class="a3-a-1-1">
                        <h5>博雅炸金花</h5>
                        <span>
                            ZHAJINHUA
                            <!-- <img src="./img/sanjiaoxing.png" alt="三角" title="三角形"> -->
                        </span>
                    </div>
                </a>
            </div>
        </div>
        <!-- 博雅新闻社会招聘上面细线开始 -->
        <div class="a3-b">
            
        </div>
        <div class="a2-b a3-c">
            <ul>
                <li class="a2-b-1 a3-c-a"></li>
                <li class="a2-b-1 a3-c-a"></li>
                <li class="a3-c-a"></li>
            </ul>
        </div>
        <!-- 博雅新闻社会招聘上面细线结束 -->
        <!-- 四个轮播的小块结束 -->

         <!-- 下面左侧的博雅新闻开始 -->
         <div class="a3-d">
                <img src="./img/bynewsbg.jpg" alt="招聘" title="招聘">
                <div class="a3-dd"></div>
                <ul>
                    <li>
                        <span class="time">1 / 17</span>
                        <a href="#">
                            博雅互动荣获第九届中国公益节“2019上市公司社会责任奖”
                        </a>
                    </li>
                    <li>
                        <span class="time">1 / 17</span>
                        <a href="#">
                            博雅互动荣获第九届中国公益节“2019上市公司社会责任奖”
                        </a>
                    </li>
                    <li>
                        <span class="time">1 / 17</span>
                        <a href="#">
                            博雅互动荣获第九届中国公益节“2019上市公司社会责任奖a”
                        </a>
                    </li>
                    <li>
                        <span class="time">1 / 17</span>
                        <a href="#">
                            博雅互动荣获第九届中国公益节“2019上市公司社会责任奖aaaaaaaa”
                        </a>
                    </li>
                </ul>
         </div>
        <!-- 下面左侧的博野新闻结束 -->

        <!-- 下面右侧的社会招聘开始 -->
        <div class="a3-e">
            <img src="./img/byhrbg3.jpg" alt="招聘" title="招聘">
            <div class="a3-e-1">
                <h2>社会招聘</h2>
                <p>BOYAA JOBS</p>
            </div>
            <h3>社会招聘岗位 :</h3>
            <ul>
                <li>
                    <a href="#">
                        PHP开发工程师
                    </a>
                </li>
                <li>
                    <a href="#">
                        C++开发工程师
                    </a>
                </li>
                <li>
                    <a href="#">
                        LUA开发工程师
                    </a>
                </li>
                <li>
                    <a href="#">
                        大数据开发工程师
                    </a>
                </li>
            </ul>
        </div>
        <!-- 下面右侧的社会招聘结束 -->
    </div>
    <!-- 下面主题部分结束 -->

     <!-- 底部导航栏开始 -->
     <div id="a5">
            <div class="a5-a">
                <div class="a5-a-1">
                    <span>
                        <a href="#">网站地图</a>
                        &nbsp;|&nbsp;
                        <a href="#">免责声明</a>
                        &nbsp;|&nbsp;
                        <a href="#">监督举报</a>
                    </span>
                </div>
                <div class="a5-a-2">
                    <span>
                        <a href="#">Copyright © 2004 - 2019 博雅互动(Boyaa Interactive)</a>
                    </span>
                </div>
                <div class="a5-a-3">
                    <span>
                        <a href="#">网络文化经营许可证：粤网文[2015]1991-405号 | 互联网出版许可证：新出网证（粤）字062号 | 增值电信业务经营许可证：粤B2-20110513
                            <img src="./img/govIcon.gif" alt="深圳市市场监督管理局企业主体身份公示" title="深圳市市场监督管理局企业主体身份公示">
                        </a>
                    </span>
                </div>
                <div class="a5-a-5">
                    <a href="#a1"></a>
                </div>
            </div>
    </div>
    <!-- 底部导航栏结束 -->
   

</body>
</html>